@import url(http://fonts.googleapis.com/css?family=Droid+Sans);

*{margin:0;padding:0;}
html{ min-height:100%;}
body{min-width:960px; background:#EEFFEE; text-align: center; height:100%;}
table, body{font-family:'Droid Sans',Helvetica,sans-serif,Arial,Verdana;font-size:15px;}
input {
    margin-left: 4px;
    margin-right: 4px;
    padding: 4px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border:none;
}
input[type=submit] {
    padding-left: 25px;
    padding-right: 25px;
    font-weight: bold;
}

#header {
    background-color: #33CC33;
}

#header > div {
    padding: 10px;
    display: inline-block;
    background-color: #009900;
    width:940px;
    text-align: left;
}

#header .logo {display:inline-block; color:white; font-family: Helvetica; font-size:30px; text-decoration: none; font-weight: bold;}
#header form {float:right;}
#header input { font-size:20px;}
#footer > div {
    padding: 10px;
    display: inline-block;
    background-color: #009900;
    width:940px;
    color:white;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}

#content > div {
    display: inline-block;
    background:#99ee99;
    width:960px;
    text-align: left;
}

#home {
    text-align: center !important;
}
#home h2 {
    padding:10px;
    padding-bottom: 0px;
    text-align: center;
}
#home > div {
    text-align: left;
    vertical-align: top;
    display:inline-block;
    min-height:340px;
    min-width:340px;
}
#home #recent-actions {
    overflow: hidden;
    min-width:480px;
    max-height: 340px;
}

#home #user {
    margin:30px;
    background:#CCFFCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}

#home #user form {
    padding: 30px;
    padding-top: 0px;
}
#home #user div {
    margin-top:15px;
}
#home .data input {
    font-size:16px;
    width:95%;
}
#home #recent #recent-actions {
    min-height:100%;
}

#home #recent #recent-actions div {
    padding: 20px;
    border-bottom:1px dashed white;
}

.large {
    padding: 5px;
    background: #339933;
    border:1px solid #006600;
    color:white;
    font-size:20px;
    float:right;
}

.participants {
    text-align:center;
}


.time {
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    height: 120px;
    margin: 10px;
    min-width: 120px;
    display: inline-block;
    background: yellow;
    vertical-align: top;
}
.time #label_finished{
    display:blockt;
    margin-top:16px;
}
.running{
    background-color: orange;
}

.time div {
    margin: 20px;
    padding-top:10px;
    color: black;
    font-size: 20px;
}

.participant {
    height:120px;
    margin: 10px;
    min-width: 300px;
    display: inline-block;
    background: black;
}
.participant .name {
    margin: 10px;
    color: yellow;
    font-size: 20px;
}
.participant .score {
    margin: 20px;
    color: white;
    font-size: 30px;
}
.actions .action {
    background-color:white;
    padding:5px;
    border-bottom: 1px dashed #AAA;
}
/* create event */
#content > div #createEvent,
#content > div #container_user{
    text-align: left;
    width:400px;
    margin:10px auto;
    padding:10px;
    background:#CCFFCC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#content > div#createEvent .large,
#content > div#container_user .large{
    float:none;
    margin-bottom: 10px;
}
#createEvent h2,
#container_user h2{
    text-align:center;
    margin-bottom:10px;
}

#container_user .zend_form{
    margin-left:30px;
}
#createEvent .zend_form div{
    float:left;
    clear:left;
    width:100px;
    margin:5px 30px;
    height:15px;
    line-height:23px;

}
#createEvent .zend_form .data input,
#container_user .zend_form .data input{
    margin:5px;
}
#createEvent .zend_form #submit-element,
#container_user #submit-element,
#container_user .zend_form #submit-element {

    text-align: center;
    margin:10px;
}
#createEvent .zend_form #submit-element input,
#container_user #submit-element input,
#container_user .zend_form #submit-element input{
    float:none;
}
/* FIN create event */
#header .user_login_box{
    float:right;
    width:200px;
    text-align: center;
}

#edit-actions{
    text-align:center;
}
.panel-actions{
    display:inline-block;
    width:200px;
    padding:0 50px;
    text-align: center;
    margin:10px;
}

.panel-actions input{
    display:block;
    width:200px;
    margin:5px 0;

}
#panel-time{
    vertical-align: top;
    display:inline-block;
    width:120px;

}

#panel-time input{
    margin-top:50px;
    width:120px;
}
#panel-time input.btnEnd{
    margin-top:5px;
}

.btn_action {
    color: #ccc;
}

.btn_action.active {
    color: black;
}

#createEvent label[for="sport-Futsal"], #createEvent label[for="sport-Soccer"], #createEvent label[for="sport-Basketball"] {
    color: black;
    text-shadow: 0px 0px 2px white;
    display:inline-block;
    min-width:50px;
    height:20px;
}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 15px; }
.ui-timepicker-div dl dd{ margin: -15px 0 10px 65px; }
.ui-timepicker-div td { font-size: 10px; }
